@charset "utf-8";
body,div,section,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;/* padding: 0; */}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none}
html,body{font-family: "微软雅黑",Arial;}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
*html .clearfix{height:1%}
.clearfix{display:block;}
.pos-rel{position: relative;}
.pos-ab{position: absolute;}
.tc{text-align: center;}
.in_block{display: inline-block;}
i{font-style: normal;}
a:hover, a:focus {
    text-decoration: none;
}
.layui-layer-warp{padding:0 10px;padding-bottom:20px;}
.customer_find{
   font-size:0;
   margin-top:17px;
}
.customer_find .customer_f1{
   width:100%;
   padding-left:20px;
}
.customer_find .customer_f1 .f2{
  font-size:18px;
  color: #333;
  font-weight: bold;
}
.customer_find .customer_f1 .f3{
    font-size:11px;
    color: #fc7e40;
}
.customer_find .customer_f1 .f4{
    width:52px;
    height: 20px;
    background: #6eb8f8;
    text-align: center;
    color: white;
    font-size:12px;
    line-height: 20px;
    display: inline-block;
    margin-left:5px;
}
.customer_table{
    padding-left: 0px;
    padding-top:31px;
}
.customer_table .find1{
    border: 1px solid #e4e4e4;
    margin:0px!important;
    box-sizing: border-box;
    background:#f2f2f2;
}
.customer_table .find1 .find1_tbody tr  .table_name{
    width:77px;
    text-align: right;
    display: inline-block;
}
.customer_table .find1 .find1_tbody tr .find1_title{
    padding-top:10px;
}
.customer_table .find1 .find1_tbody tr .find1_bottom{
    padding-bottom:10px;
}
.customer_table .find1 .find1_tbody tr td{
    width:25%;
    padding:0;
    line-height: 30px;
}
.customer_table .find1 .find1_tbody tr .local{
	width:50%;
}
.customer_table .find1 .find1_tbody tr .table_phone{
    width:60px;
    text-align: right;
    display: inline-block;
}
.customer_table .find1 .find1_tbody tr .table_type{
    width:60px;
    text-align: right;
    display: inline-block;
}
.customer_table .find1 .find1_tbody tr .table_local{
    width:77px;
    text-align: right;
    display: inline-block;
}
.customer_table .find1 .find1_tbody tr .table_sex{
    width:77px;
    text-align: right;
    display: inline-block;
}
.customer_table .find1 .find1_tbody tr .table_id{
    width:60px;
    text-align: right;
    display: inline-block;
}
.glyphicon{
    color:#fc7e40;
    margin-left:10px;
    margin-right:8px;
}
.customer_table .find1 .find1_tbody tr td{
    border:none;
}

.customer_table2,.customer_table4{
    border:1px solid #e5e5e5;
    margin-top:20px;
}
.customer_table2 .customer_table3,.customer_table4 .customer_table3{
    margin:0px;
}
.customer_table2 .customer_table3 tbody tr td,.customer_table2 .customer_table4 tbody tr td,.customer_table4 .customer_table3 tbody tr td{
    border-top:none;
    border-bottom:1px solid #f3f3f3;
}
.customer_table2 .customer_table3 tbody .table_phone2 .phone3,.customer_table2 .customer_table3 tbody .table_phone2 .phone4,.customer_table4 .customer_table3 tbody tr:last-child td{border-bottom:none;}
.customer_table2 .customer_table3 tbody .table_phone2 .phone2,.customer_table4 .customer_table3 tbody .table_phone2 .phone2{
    padding-left: 28px;
    width: 99px;
    text-align: left;
}
.customer_table4 .customer_table3 tbody .table_phone2 td:nth-child(1),.customer_table2 .customer_table3 tbody .table_phone2 td:nth-child(1){
    width:70px;
}
.customer_table4 .customer_table3 tbody .table_phone2 td:nth-child(2),.customer_table2 .customer_table3 tbody .table_phone2 td:nth-child(2){
    width:240px;
}
.customer_table4 .customer_table3 tbody .table_phone2 td:nth-child(3),.customer_table2 .customer_table3 tbody .table_phone2 td:nth-child(3){
    width:70px;
}
.customer_table2 .customer_table3 tbody .table_phone2 td,.customer_table4 .customer_table3 tbody .table_phone2 td{
    padding-top: 14px;
    padding-bottom: 14px;
    width: 25%;
} 
.customer_table2 .customer_table3 .infor,.customer_table4 .customer_table3 .infor{
    font-size: 12px;
    color: #333333;
    margin-left: 33px;
    text-indent: 20px;
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 15px;
    font-weight: bold;
    border-top:none;
}
.customer_table2 .customer_table3 .infor::after,.customer_table4 .customer_table3 .infor::after{
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background: #f08619;
    left: 15px;
    top: 19px;
}
.customer_table4 .customer_table3 tbody .phone3 td{
    border-top:none;
}
.customer_table5 .table_Height,.customer_table6 .table_Height,.customer_table7 .table_Height,.customer_table8 .commutation .table_Height{
    height:auto;
    overflow: hidden;
}
.customer_table5 h4::after,.customer_table6 h4::after{
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background: #f08619;
    left: -11px;
}
.customer_table6 .table2 tbody .customer_information td{
    background: #6eb8f8;
}

.customer_table5 .table5_record,.customer_table6 .table5_record,.customer_table7 .table5_record,.customer_table8 .table5_record{
    margin: 0px;
}
.customer_table5 .table5_record .table_name,.customer_table6 .table5_record .table_name,.customer_table7 .table5_record .table_name,.customer_table8 .table5_record .table_name{
    background: #f2f2f2;
    text-align: center;
}
.customer_table5 .table5_record thead,.customer_table6 .table5_record thead,.customer_table7 .table5_record thead,.customer_table8 .table5_record thead{
    border-bottom-width: 0px!important;
}
.customer_table5 .table5_record thead .table_name th,.customer_table6 .table5_record thead .table_name th,.customer_table7 .table5_record thead .table_name th,.customer_table8 .table5_record thead .table_name th{
    text-align: center;
    width:16.66%;
    border-right:none;
}
.customer_table5 .table5_record tbody tr td,.customer_table6 .table5_record tbody tr td,.customer_table7 .table5_record tbody tr td,.customer_table8 .table5_record tbody tr td{
    text-align: center;
    padding-top: 11px;
    padding-bottom: 11px;
}
.customer_table5 .btnBox,.customer_table6 .btnBox,.customer_table7 .btnBox{
    margin: 0 auto;
    margin:0px;
}
.customer_table5 .history,.customer_table7 .history{
    border-bottom:1px solid #e5e5e5;
    height: 31px;
    margin-bottom:18px;
}
.customer_table5 .history .history_record,.customer_table7 .history .history_record{
    width:100%;
}
.customer_table5 .history .history_record li,.customer_table7 .history .history_record li{
    float: left;
    font-size:11px;
    line-height: 31px;
    width:87px;
    color: #666666;
}
.customer_table5 h4,.customer_table6 h4,.customer_table7 h4,.item_form h4,.customer_table8 h4,.item_form h4{
    font-size: 12px;
    color: #333333;
    height: 52px;
    padding-top:30px;
    margin-left: 13px;
    font-weight: bold;
}
.customer_table5 h4::after,.customer_table6 h4::after,.customer_table7 h4::after,.item_form h4::after,.customer_table8 h4::after{
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background: #f08619;
    left: -11px;
    top: 31px!important;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 0px;
}
#tbody1{border:none;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border:none;
}

.Tab_warp{width: 864px;margin:19px auto auto auto;background: #fff; }
.Tab_warp .nav-tabs{width: 820px;margin:auto auto auto;border:0px;border-bottom: 1px solid #ddd;padding-bottom: 0px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: 0px;color:#ff8c00 ;border-bottom: 2px solid #ff8c00;}
.nav > li > a:hover, .nav > li > a:focus{background-color:#fff;}
.nav-tabs > li > a{border:0px;border-radius: 0px;color: #333;padding: 20px 15px;}
.nav-tabs > li{width: 121px;text-align: center}
.list-group-item{padding-left:0px;}

.tab-content .tab-pane h4{
    font-size:12px;
    color:#333333;
    height: 52px;
    line-height: 52px;
    margin-left:33px;
}
.tab-content .tab-pane h4:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 10px;
	border-radius: 50%;
	background: #f08619;;
    left: -11px;
    top: 21px;
}

.btnBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnBox div {
    border: 1px solid #ddd;
    width: 132px;
    height: 41px;
    border:1px solid #ffd267;
    text-align: center;
    line-height: 41px;
    margin-top:15px;
    color: #ffbc1b;
    cursor: pointer;
}

tr td{font-size:11px;color:#666666}

.tab-pane .table tbody .table_phone td:nth-child(1){text-align:left;width:102px;padding:14px 14px 14px 0px;color:#666666}
.tab-pane .table tbody .table_phone td:nth-child(4){text-align:left;padding:14px 14px 14px 0px;color:#333}
.tab-pane .table tbody .table_phone td:nth-child(2){text-align:left;padding:14px 14px 14px 0px;color: #333}
.tab-pane .table tbody .table_phone td:nth-child(3){padding:14px 14px 14px 0px;color:#666666}

.table{margin:auto;}
.tab-pane .table tr td{border-bottom: 1px solid #f3f3f3;border-top:0px;border-right: 0px;}
.table2{width:820px;margin:auto;}
.table2 thead{background:#f2f2f2;text-align: center;}
.table2 thead tr th {
    text-align: center;
    width:16.666%;
    font-size:11px;
    color:#333333;
}

#myTabContent .table2 tr:last-child td{border-bottom:1px solid #ddd;}
#myTabContent .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: top;
    border-top: 0px;
}
.table3 tbody .table_76 td:nth-child(2){
    border-right:1px solid #e4e4e4;
}
.btnBox2{
    display: flex;
    align-items: center;
    justify-content: center;
}   
.btnBox2 div {
    border: 1px solid #ddd;
    width: 132px;
    height: 41px;
    border:1px solid #ffd267;
    text-align: center;
    line-height: 41px;
    margin-top:15px;
    margin-bottom:30px;
    color: #ffbc1b;
}
.active2{  background:#ffbc1b;color:white;}
.appointment{height: auto!important;border:1px solid #ebebeb;}
#ptype,.cljg{border-bottom:1px solid #f3f3f3!important;}

.item_form form{border: 1px solid #ddd;padding: 30px 20px 7px 20px;}
#form-customerDetails-add .item_form .form_warp .select_left{float: left;width: 50%;padding-bottom: 30px;}
#form-customerDetails-add .item_form .form_warp .select_right{width: 50%;float:right;padding-bottom: 30px;}
#form-customerDetails-add .item_form .form_warp div label{font-size: 12px;color: #666;font-weight: normal;}
#form-customerDetails-add .item_form .form_warp div select{width: 170px;margin-left: 5px;color: #000;font-size: 14px;border-color:  #e2e2e2;line-height: 35px;height: 35px;padding-left: 3px;}
#form-customerDetails-add .item_form .select_text label{width: 70px;}
#form-customerDetails-add .item_form .select_text{display: flex;padding-bottom: 22px;display: -webkit-box;display: -moz-box;   display: -ms-flexbox;display: -webkit-flex;}
.item_form form .select_btn{position: relative;left:50%;}
.item_form form .select_btn button{background:#1ab394}
#form-customerDetails-add .item_form .problem label{float:left;margin-top:8px;}
#form-customerDetails-add .item_form .problem .problem2{float:left;margin-left:9px;}
#form-customerDetails-add .item_form .haha{border: 1px solid #ddd;padding: 30px 20px 7px 20px;}

.form-control[readonly]{background-color:#fff;border-top: none;border-bottom: none;}
.customer_table7 .table5_record thead .table_name th:first-child{width:21%;}
.customer_table8 .table5_record thead .table_name th{background: #f2f2f2!important; }
.customer_table8 .table5_record thead .table_name th,.customer_table8 .table5_record tbody .table_name td{width:139px;background: white;}
.customer_table8 .table5_record thead .table_name th:first-child,.customer_table8 .table5_record tbody .table_name td:first-child{width:165px;}
.customer_table8 .table5_record thead .table_name th:last-child,.customer_table8 .table5_record tbody .table_name td:last-child{/* width:210px; */padding-left: 40px;text-align: left;border-right:1px solid #ddd}
.customer_table8 .table5_record tbody .table_name td .details{color: #fe6200!important;float: right;margin-right: 45px;}
.customer_table8 .commutation .text_info,.customer_table8 .commutation .text_info2{background:white;display: flex;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.customer_table8 .commutation .text_info span,.customer_table8 .commutation .text_info2 span{font-size:12px;color: #666666;padding-top: 12px;padding-bottom:12px;display: inline-block}
.customer_table8 .commutation .text_info span:nth-child(1),.customer_table8 .commutation .text_info2 span:nth-child(1){width:67px;margin-left:11px;display: inline-block;}
.customer_table8 .commutation .text_info span:nth-child(2),.customer_table8 .commutation .text_info2 span:nth-child(2){flex: 1}
.customer_table8 .commutation .text_info2{background:white;border:1px solid #e4e4e4;border-top:none;}
.handing{background:#f7f7f7;margin-top: 30px;}
#form-customerDetails-add .handing .handing_left{padding-top:20px;padding-left:20px;padding-bottom: 20px;float:left;}
.handing .handing_label .label_intention{font-size:12px;color:#666666;font-weight:normal;}
.handing .handing_label .handing_left .label_select{width: 170px;margin-left: 5px;color: #000;font-size: 14px;border-color: #e2e2e2;line-height: 35px;height: 35px;padding-left: 3px;}

.handing .handing_input span{position:relative;top:3px;}
.handing .handing_input{font-size:12px;color: #666;padding-top:15px;padding-left: 20px;padding-bottom: 20px;}
.handing .handing_label .handing_input span{position: relative;top: 4px; }
.handing .handing_label .handing_input .label_right{margin-left:5px;}
.handing .handing_label .handing_left{float: left}

.handing_input input[name="optionsRadiosinline"]{position: relative;top: 3px;font-size:12px;color: #666;}
.radio-inline, .checkbox-inline{padding-left: 40px;font-size:12px;color: #666;margin-top:5px;}

.autoHeight{height:auto!important;}
.text_showe{display: block!important;}

.handing .handing_btn{margin-top: 7px;font-size:0;text-align:center;padding-bottom:31px;}
.handing .handing_btn .handing_btn_left{border: none;outline: none;display: inline-block;width:134px;height: 43px;line-height: 43px;background: #ffbc1b;text-align: center;font-size:12px;color: white; cursor: pointer;}
.handing .handing_btn .handing_btn_right{margin-left:10px;display: inline-block;width:134px;height: 43px;line-height: 43px;border:1px solid #ffbc1b;text-align: center;font-size:12px;color: #ffbc1b;box-sizing: border-box; cursor: pointer;}
.table>tbody+tbody {border-top: 0px;}
